<script lang="ts">
export default {
  name: 'nonetwork'
};
</script>

<script setup lang="ts">
import { reactive, toRefs } from 'vue';

const state = reactive({
  error: new URL('../../assets/errorPage/nonetwork/error.png', import.meta.url).href
});

const { error } = toRefs(state);
</script>

<template>
  <div class="nonetwork-page">
    <img :src="error" />
    <div class="wen">网络连接错误哦~</div>
  </div>
</template>

<style lang="scss" scoped>
.nonetwork-page {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 40%;
  left: 50%;
  text-align: center;
  .wen {
    color: #000;
  }
}
</style>
